<template>
  <div class="vue-leaflet">
    <l-map style="width: 100%; height: 600px;" :zoom="zoom" :center="center" :options="options">
      <!-- <l-tile-layer :url="url"></l-tile-layer> -->
      <!-- <l-marker :lat-lng="marker">
        <l-popup :content="text"></l-popup>
      </l-marker>-->
      <l-geo-json :geojson="geojson" :options="geoOption"></l-geo-json>
    </l-map>
  </div>
</template>

<script>
import L from 'leaflet'
import { LMap, LGeoJson } from 'vue2-leaflet'

delete L.Icon.Default.prototype._getIconUrl
L.Icon.Default.mergeOptions({
  iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
  iconUrl: require('leaflet/dist/images/marker-icon.png'),
  shadowUrl: require('leaflet/dist/images/marker-shadow.png')
})

export default {
  name: '',
  components: { LMap, LGeoJson },
  props: {},
  data() {
    return {
      // url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
      zoom: 13,
      center: [33.75299833, 113.2922338],
      options: {
        attributionControl: false, // 设置版权信息不显示
        // dragging: false, // 设置禁止拖动
        zoomControl: false // 不显示缩放组件
      },
      geoOption: {
        style: function (feature) {
          if (feature.properties.name === 'IIG') {
            if (feature.properties.state) {
              return {
                color: 'yellow',
                weight: 8
              }
            } else {
              return { color: 'red', weight: 8 }
            }
          } else {
            return { weight: 8, attri: feature.properties.name }
          }
        }
      },
      geojson: {
        features: [
          {
            geometry: {
              coordinates: [
                [113.3022272222222, 33.75130166666667],
                [113.3039866666667, 33.75101194444444],
                [113.3068647222222, 33.7505325],
                [113.3070955555556, 33.75048777777778],
                [113.3078944444444, 33.7503225],
                [113.3082519444445, 33.75023861111111],
                [113.3084625, 33.75019027777778],
                [113.31361, 33.74898888888889],
                [113.3138119444444, 33.74893805555556]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'XJG',
              'point-ids': [0, 1, 2, 3, 4, 5, 6, 7, 8],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3016158333333, 33.75140222222223],
                [113.3022272222222, 33.75130166666667]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'IIAG',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3016263888889, 33.75144722222223],
                [113.3057266666667, 33.75077083333333],
                [113.3059386111111, 33.75074083333333],
                [113.3061580555556, 33.7507225],
                [113.307035, 33.75065527777778]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'D3G',
              'point-ids': [0, 1, 2, 3, 4],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.292675, 33.752835],
                [113.3001430555556, 33.75160111111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '3G',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2921516666667, 33.75296722222223],
                [113.3001069444445, 33.75165166666667]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'IIG',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              type: 'track',
              state: 1
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.29231, 33.75298666666667],
                [113.2969163888889, 33.75222777777778],
                [113.2971397222222, 33.75220305555556],
                [113.2973508333333, 33.75217888888889],
                [113.2975641666667, 33.75215416666666],
                [113.2977908333333, 33.75212388888889],
                [113.2986033333333, 33.75198666666667],
                [113.2988088888889, 33.75194972222222],
                [113.2990283333333, 33.7519025],
                [113.2992425, 33.75185416666667],
                [113.2994708333333, 33.75180722222222],
                [113.300885, 33.75156944444444]
              ],
              type: 'LineString'
            },
            properties: {
              name: '1G',
              'point-ids': [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2932577777778, 33.75263277777778],
                [113.2952883333333, 33.75229111111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'D22G',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2932772222222, 33.75267888888889],
                [113.2953016666667, 33.75234361111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'D20G',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2876075, 33.75364361111111],
                [113.2886352777778, 33.75347805555555],
                [113.2887813888889, 33.75345972222223],
                [113.2890002777778, 33.75343444444444],
                [113.2903358333333, 33.75322222222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'D8G',
              'point-ids': [0, 1, 2, 3, 4],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2905747222222, 33.75327305555555],
                [113.2917655555556, 33.75307722222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '4/18G',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2915405555556, 33.75291416666666],
                [113.2920308333333, 33.75281666666667],
                [113.2934761111111, 33.7524075]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'D26G',
              'point-ids': [0, 1, 2],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2870466666667, 33.75385583333333],
                [113.290005, 33.75336972222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'D6G',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2778477777778, 33.75278277777777],
                [113.2840188888889, 33.75369611111111],
                [113.2842466666667, 33.75372388888889],
                [113.2844583333333, 33.75375166666667],
                [113.2846908333333, 33.75377527777778],
                [113.2851583333333, 33.75381111111111],
                [113.2853713888889, 33.75382111111111],
                [113.2856058333333, 33.75382777777778],
                [113.2858366666667, 33.75383],
                [113.2865816666667, 33.75380861111111],
                [113.2868091666667, 33.75379388888889],
                [113.2870322222222, 33.75377305555556],
                [113.2872494444444, 33.75375083333334],
                [113.2874633333333, 33.75372527777778],
                [113.2876816666667, 33.75369805555555],
                [113.2895755555556, 33.75339222222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'SJG',
              'point-ids': [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2915597222222, 33.75295166666667],
                [113.2920427777778, 33.75287027777778],
                [113.2935147222222, 33.75248611111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: 'D24G',
              'point-ids': [0, 1, 2],
              station: '中心',
              stationId: 11,
              type: 'track'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3015030555556, 33.75142166666667],
                [113.3016158333333, 33.75140222222223]
              ],
              type: 'LineString'
            },
            properties: {
              name: '1',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '1-7DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3015030555556, 33.75142166666667],
                [113.3012452777778, 33.75146361111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '1',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '1-7DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3015030555556, 33.75142166666667],
                [113.3012547222222, 33.75148555555555]
              ],
              type: 'LineString'
            },
            properties: {
              name: '1',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '1-7DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3010266666667, 33.7515],
                [113.3007797222222, 33.75154027777778]
              ],
              type: 'LineString'
            },
            properties: {
              name: '7',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '1-7DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3010266666667, 33.7515],
                [113.3012452777778, 33.75146361111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '7',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '1-7DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3010266666667, 33.7515],
                [113.3012522222222, 33.75148611111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '7',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '1-7DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.30152, 33.75146444444444],
                [113.3016263888889, 33.75144722222223]
              ],
              type: 'LineString'
            },
            properties: {
              name: '5',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '3-5DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.30152, 33.75146444444444],
                [113.3012483333333, 33.75150944444444]
              ],
              type: 'LineString'
            },
            properties: {
              name: '5',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '3-5DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.30152, 33.75146444444444],
                [113.3012522222222, 33.75148611111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '5',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '3-5DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3009972222222, 33.75155027777778],
                [113.300885, 33.75156944444444]
              ],
              type: 'LineString'
            },
            properties: {
              name: '3',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '3-5DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3009972222222, 33.75155027777778],
                [113.3012483333333, 33.75150944444444]
              ],
              type: 'LineString'
            },
            properties: {
              name: '3',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '3-5DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3009972222222, 33.75155027777778],
                [113.3012547222222, 33.75148555555555]
              ],
              type: 'LineString'
            },
            properties: {
              name: '3',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '3-5DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3006625, 33.75156],
                [113.3007797222222, 33.75154027777778]
              ],
              type: 'LineString'
            },
            properties: {
              name: '9',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '9DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3006625, 33.75156],
                [113.3001069444445, 33.75165166666667]
              ],
              type: 'LineString'
            },
            properties: {
              name: '9',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '9DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.3006625, 33.75156],
                [113.3001430555556, 33.75160111111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '9',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '9DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2921247222222, 33.75292472222223],
                [113.2920302777778, 33.75294083333333]
              ],
              type: 'LineString'
            },
            properties: {
              name: '20',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '20-22DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2921247222222, 33.75292472222223],
                [113.292675, 33.752835]
              ],
              type: 'LineString'
            },
            properties: {
              name: '20',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '20-22DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2921247222222, 33.75292472222223],
                [113.2926247222222, 33.75279888888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '20',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '20-22DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2926952777778, 33.75278083333333],
                [113.2926247222222, 33.75279888888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '22',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '20-22DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2926952777778, 33.75278083333333],
                [113.2932577777778, 33.75263277777778]
              ],
              type: 'LineString'
            },
            properties: {
              name: '22',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '20-22DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2926952777778, 33.75278083333333],
                [113.2932772222222, 33.75267888888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '22',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '20-22DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2922338888889, 33.75299833333333],
                [113.29231, 33.75298666666667]
              ],
              type: 'LineString'
            },
            properties: {
              name: '18',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '18DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2922338888889, 33.75299833333333],
                [113.2917655555556, 33.75307722222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '18',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '18DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2922338888889, 33.75299833333333],
                [113.2919225, 33.75302611111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '18',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '18DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2917055555556, 33.75304166666667],
                [113.2915855555556, 33.75306138888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '16',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '12-16DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2917055555556, 33.75304166666667],
                [113.2921516666667, 33.75296722222223]
              ],
              type: 'LineString'
            },
            properties: {
              name: '16',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '12-16DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2917055555556, 33.75304166666667],
                [113.2919225, 33.75302611111111]
              ],
              type: 'LineString'
            },
            properties: {
              name: '16',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '12-16DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2913513888889, 33.75309916666667],
                [113.2911975, 33.75312388888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '12',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '12-16DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2913513888889, 33.75309916666667],
                [113.2915855555556, 33.75306138888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '12',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '12-16DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2913513888889, 33.75309916666667],
                [113.2916052777778, 33.75303138888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '12',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '12-16DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2918408333333, 33.75297277777778],
                [113.2920302777778, 33.75294083333333]
              ],
              type: 'LineString'
            },
            properties: {
              name: '14',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '14DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2918408333333, 33.75297277777778],
                [113.2911944444444, 33.75307916666667]
              ],
              type: 'LineString'
            },
            properties: {
              name: '14',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '14DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2918408333333, 33.75297277777778],
                [113.2916052777778, 33.75303138888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '14',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '14DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2909338888889, 33.75316777777778],
                [113.2911975, 33.75312388888889]
              ],
              type: 'LineString'
            },
            properties: {
              name: '10',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '6-10DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2909338888889, 33.75316777777778],
                [113.2907075, 33.75320472222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '10',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '6-10DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2909338888889, 33.75316777777778],
                [113.2906522222222, 33.75318805555556]
              ],
              type: 'LineString'
            },
            properties: {
              name: '10',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '6-10DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.290425, 33.75320805555555],
                [113.2903358333333, 33.75322222222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '8',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.290425, 33.75320805555555],
                [113.2906913888889, 33.75316222222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '8',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.290425, 33.75320805555555],
                [113.2906522222222, 33.75318805555556]
              ],
              type: 'LineString'
            },
            properties: {
              name: '8',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2905958333333, 33.75322361111111],
                [113.2907075, 33.75320472222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '6',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '6-10DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2905958333333, 33.75322361111111],
                [113.2895755555556, 33.75339222222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '6',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '6-10DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2905958333333, 33.75322361111111],
                [113.2903105555556, 33.75329972222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '6',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '6-10DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2900844444445, 33.75335611111111],
                [113.290005, 33.75336972222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '4',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '4DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2900844444445, 33.75335611111111],
                [113.2905747222222, 33.75327305555555]
              ],
              type: 'LineString'
            },
            properties: {
              name: '4',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '4DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2900844444445, 33.75335611111111],
                [113.2903105555556, 33.75329972222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '4',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '4DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2907727777778, 33.75314805555556],
                [113.2906913888889, 33.75316222222222]
              ],
              type: 'LineString'
            },
            properties: {
              name: '24',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2907727777778, 33.75314805555556],
                [113.2911944444444, 33.75307916666667]
              ],
              type: 'LineString'
            },
            properties: {
              name: '24',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2907727777778, 33.75314805555556],
                [113.2910377777778, 33.75308277777778]
              ],
              type: 'LineString'
            },
            properties: {
              name: '24',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2911163888889, 33.75306083333334],
                [113.2910377777778, 33.75308277777778]
              ],
              type: 'LineString'
            },
            properties: {
              name: '26',
              part: 'previous',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2911163888889, 33.75306083333334],
                [113.2915405555556, 33.75291416666666]
              ],
              type: 'LineString'
            },
            properties: {
              name: '26',
              part: 'normal',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [113.2911163888889, 33.75306083333334],
                [113.2915597222222, 33.75295166666667]
              ],
              type: 'LineString'
            },
            properties: {
              name: '26',
              part: 'reverse',
              'point-ids': [0, 1],
              station: '中心',
              stationId: 11,
              trackName: '8-26DG',
              type: 'switch'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3022254777484, 33.75129107270927],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 2,
              name: 'X',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3016140906027, 33.75139162622762],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D1',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3007779920771, 33.75152967019855],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D5',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3016246413849, 33.75143662883159],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D3',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3001448056533, 33.75161170349673],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 2,
              name: 'S3',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3008867797738, 33.75158002952428],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 2,
              name: 'S1',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3001086960429, 33.75166225873358],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 2,
              name: 'SII',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2926732499023, 33.75282440761438],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 2,
              name: 'X3',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2923082547057, 33.75297607288329],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 2,
              name: 'X1',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2921499150682, 33.75295663015531],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 2,
              name: 'XII',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.293255996594, 33.75262219204347],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D22',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2932754679434, 33.75266829635831],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D20',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2920320839562, 33.75295142127553],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 1,
              name: 'D18',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2911992073358, 33.75313451657459],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 1,
              name: 'D14',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.291195737394, 33.75311330209728],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D12',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2903375189745, 33.75323283028859],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 1,
              name: 'D8',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.291767298, 33.75308781776749],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 1,
              name: 'D16',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2905729797778, 33.75326246001028],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D10',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2900067409609, 33.75338031721303],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 1,
              name: 'D6',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2915384664191, 33.75290366146466],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D26',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.289577267469, 33.75340282333551],
              type: 'Point'
            },
            properties: {
              dir: 'left',
              lightNum: 2,
              name: 'S',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2915579389425, 33.75294108262732],
              type: 'Point'
            },
            properties: {
              dir: 'right',
              lightNum: 1,
              name: 'D24',
              station: '中心',
              stationId: 11,
              type: 'signal'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [
                  [113.3019511111111, 33.75149944444444],
                  [113.3021691666667, 33.75150055555556],
                  [113.30213, 33.75127555555556],
                  [113.3019441666667, 33.751305],
                  [113.3019511111111, 33.75149944444444]
                ]
              ],
              type: 'Polygon'
            },
            properties: {
              id: 1,
              station: '中心',
              stationId: 11,
              type: 'road-junction'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [
                  [113.2882186111111, 33.75381666666667],
                  [113.2886625, 33.75372611111111],
                  [113.2885644444445, 33.75336166666666],
                  [113.2882483333333, 33.75340333333333],
                  [113.2882186111111, 33.75381666666667]
                ]
              ],
              type: 'Polygon'
            },
            properties: {
              id: 2,
              station: '中心',
              stationId: 11,
              type: 'road-junction'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [
                  [113.2837819444444, 33.75372472222222],
                  [113.2845052777778, 33.75381888888889],
                  [113.2847341666667, 33.75373944444444],
                  [113.2840258333333, 33.75364027777778],
                  [113.2837819444444, 33.75372472222222]
                ]
              ],
              type: 'Polygon'
            },
            properties: {
              id: 3,
              station: '中心',
              stationId: 11,
              type: 'road-junction'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [
                [
                  [113.2805180555556, 33.75321944444445],
                  [113.2806861111111, 33.75324805555555],
                  [113.2808294444445, 33.75318555555555],
                  [113.2806036111111, 33.75314694444445],
                  [113.2805180555556, 33.75321944444445]
                ]
              ],
              type: 'Polygon'
            },
            properties: {
              id: 4,
              station: '中心',
              stationId: 11,
              type: 'road-junction'
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3022272222222, 33.75130166666667],
              type: 'Point'
            },
            properties: {
              'left-link': 'X',
              name: 'insulating-joint',
              'right-link': 'XJG',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3138119444444, 33.74893805555556],
              type: 'Point'
            },
            properties: {
              'left-link': 'XJG',
              name: 'insulating-joint',
              'right-link': 'SPJG',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3016158333333, 33.75140222222223],
              type: 'Point'
            },
            properties: {
              'left-link': 'D1',
              name: 'insulating-joint',
              'right-link': 'IIAG',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3016263888889, 33.75144722222223],
              type: 'Point'
            },
            properties: {
              'left-link': 'D3',
              name: 'insulating-joint',
              'right-link': 'D3G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.307035, 33.75065527777778],
              type: 'Point'
            },
            properties: {
              'left-link': 'D3G',
              name: 'insulating-joint',
              'right-link': '端点',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.292675, 33.752835],
              type: 'Point'
            },
            properties: {
              'left-link': 'X3',
              name: 'insulating-joint',
              'right-link': '3G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3001430555556, 33.75160111111111],
              type: 'Point'
            },
            properties: {
              'left-link': '3G',
              name: 'insulating-joint',
              'right-link': 'S3',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2921516666667, 33.75296722222223],
              type: 'Point'
            },
            properties: {
              'left-link': 'XII',
              name: 'insulating-joint',
              'right-link': 'IIG',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3001069444445, 33.75165166666667],
              type: 'Point'
            },
            properties: {
              'left-link': 'IIG',
              name: 'insulating-joint',
              'right-link': 'SII',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.29231, 33.75298666666667],
              type: 'Point'
            },
            properties: {
              'left-link': 'X1',
              name: 'insulating-joint',
              'right-link': '1G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.300885, 33.75156944444444],
              type: 'Point'
            },
            properties: {
              'left-link': '1G',
              name: 'insulating-joint',
              'right-link': 'S1',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2932577777778, 33.75263277777778],
              type: 'Point'
            },
            properties: {
              'left-link': 'D22',
              name: 'insulating-joint',
              'right-link': 'D22G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2952883333333, 33.75229111111111],
              type: 'Point'
            },
            properties: {
              'left-link': 'D22G',
              name: 'insulating-joint',
              'right-link': '端点',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2932772222222, 33.75267888888889],
              type: 'Point'
            },
            properties: {
              'left-link': 'D20',
              name: 'insulating-joint',
              'right-link': 'D20G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2953016666667, 33.75234361111111],
              type: 'Point'
            },
            properties: {
              'left-link': 'D20G',
              name: 'insulating-joint',
              'right-link': '端点',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2876075, 33.75364361111111],
              type: 'Point'
            },
            properties: {
              'left-link': '端点',
              name: 'insulating-joint',
              'right-link': 'D8G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2903358333333, 33.75322222222222],
              type: 'Point'
            },
            properties: {
              'left-link': 'D8G',
              name: 'insulating-joint',
              'right-link': 'D8',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2905747222222, 33.75327305555555],
              type: 'Point'
            },
            properties: {
              'left-link': 'D10',
              name: 'insulating-joint',
              'right-link': '4/18G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2917655555556, 33.75307722222222],
              type: 'Point'
            },
            properties: {
              'left-link': '4/18G',
              name: 'insulating-joint',
              'right-link': 'D16',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2915405555556, 33.75291416666666],
              type: 'Point'
            },
            properties: {
              'left-link': 'D26',
              name: 'insulating-joint',
              'right-link': 'D26G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2934761111111, 33.7524075],
              type: 'Point'
            },
            properties: {
              'left-link': 'D26G',
              name: 'insulating-joint',
              'right-link': '端点',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2870466666667, 33.75385583333333],
              type: 'Point'
            },
            properties: {
              'left-link': '端点',
              name: 'insulating-joint',
              'right-link': 'D6G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.290005, 33.75336972222222],
              type: 'Point'
            },
            properties: {
              'left-link': 'D6G',
              name: 'insulating-joint',
              'right-link': 'D6',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2778477777778, 33.75278277777777],
              type: 'Point'
            },
            properties: {
              'left-link': 'XJG',
              name: 'insulating-joint',
              'right-link': 'SJG',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2895755555556, 33.75339222222222],
              type: 'Point'
            },
            properties: {
              'left-link': 'SJG',
              name: 'insulating-joint',
              'right-link': 'S',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2915597222222, 33.75295166666667],
              type: 'Point'
            },
            properties: {
              'left-link': 'D24',
              name: 'insulating-joint',
              'right-link': 'D24G',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2935147222222, 33.75248611111111],
              type: 'Point'
            },
            properties: {
              'left-link': 'D24G',
              name: 'insulating-joint',
              'right-link': '端点',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3012547222222, 33.75148555555555],
              type: 'Point'
            },
            properties: {
              'left-link': '3',
              name: 'insulating-joint',
              'right-link': '1',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3007797222222, 33.75154027777778],
              type: 'Point'
            },
            properties: {
              'left-link': 'D5',
              name: 'insulating-joint',
              'right-link': '7',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.3012522222222, 33.75148611111111],
              type: 'Point'
            },
            properties: {
              'left-link': '7',
              name: 'insulating-joint',
              'right-link': '5',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2920302777778, 33.75294083333333],
              type: 'Point'
            },
            properties: {
              'left-link': 'D18',
              name: 'insulating-joint',
              'right-link': '20',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2919225, 33.75302611111111],
              type: 'Point'
            },
            properties: {
              'left-link': '16',
              name: 'insulating-joint',
              'right-link': '18',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2911975, 33.75312388888889],
              type: 'Point'
            },
            properties: {
              'left-link': 'D14',
              name: 'insulating-joint',
              'right-link': '12',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2916052777778, 33.75303138888889],
              type: 'Point'
            },
            properties: {
              'left-link': '12',
              name: 'insulating-joint',
              'right-link': '14',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2911944444444, 33.75307916666667],
              type: 'Point'
            },
            properties: {
              'left-link': '24',
              name: 'insulating-joint',
              'right-link': '14',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2906522222222, 33.75318805555556],
              type: 'Point'
            },
            properties: {
              'left-link': '8',
              name: 'insulating-joint',
              'right-link': '10',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          },
          {
            geometry: {
              coordinates: [113.2903105555556, 33.75329972222222],
              type: 'Point'
            },
            properties: {
              'left-link': '4',
              name: 'insulating-joint',
              'right-link': '6',
              station: '中心',
              stationId: 11
            },
            type: 'Feature'
          }
        ],
        type: 'FeatureCollection'
      }
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.updateState()
  },
  methods: {
    updateState() {
      setInterval(() => {
        if (this.geojson.features[4].properties.state === 1) {
          this.geojson.features[4].properties.state = 0
        } else {
          this.geojson.features[4].properties.state = 1
        }
      }, 1000)
    }
  }
}
</script>

<style lang="less" scoped>
</style>
